// 2025.03.22 16:38 星期六 晴
// 这个是 createFloatTagEl 元素 的 点击事件

import { domTree } from '../../../../../global/element/domTree';
import {
  mouse_leftbotton,
  specialKey_check,
} from '../../../../../global/element/Event/Func/keyboardEventSpecialKeyCheck';
import { packNode } from '../../../../../global/element/Func';

/**
 * 创建 浮动标签 元素 的 默认 class
 */
const floatTagEl_default_cla = 'create_floatTagEl';

/**
 * 创建 浮动标签 元素 的 span 默认 class
 */
const floatTagEl_span_default_cla = 'cf_tag';

/**
 * 创建 浮动标签 元素 的 左键 点击事件
 * @param {MouseEvent} event
 */
function cf_left_click(event) {
  if (!specialKey_check(event)) {
    return;
  }
  if (!mouse_leftbotton(event)) {
    return;
  }

  let newFloatTagEl = create_newFloatTagEl();

  let parentNode = event.currentTarget.parentElement;

  // 放在 当前元素 之后
  packNode(parentNode, newFloatTagEl, false, event.currentTarget);
}

/**
 * 创建 一个新的 浮动标签元素
 */
function create_newFloatTagEl() {
  let domt = {
    tag: 'div',
    class: [floatTagEl_default_cla],
    queue: ['a'],
    events: ['click'],
    click: [],
    a: {
      tag: 'span',
      class: [floatTagEl_span_default_cla],
      attriKey: ['innerHTML'],
      innerHTML: '新标签',
    },
  };
  return domTree(domt);
}

export { cf_left_click };
